<template>
	<view>
		<!-- banner -->
		<u-swiper :list="db.images" circular class="" height="380"></u-swiper>
		<view class="content">
			<view class="title">{{db.name}}</view>
			<!-- <view class="subtit">{{db.subtit}}</view> -->
			<view v-html="db.content"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// banner: [],
				db:{
					title:'熬夜的危害这么多，你还敢熬夜？',
					subtit:'禾苗健康网',
					content:`<div>
						<p>这里是富文本的一段文字</p>
						<h2>这里是一个标题</h2>
						<img style="max-width:100%;display:block" src='http://img.hexinle.top/healthySupervision/static/index/detail/test2.png'>
						<hr/>
						<p>这里是富文本的一段文字</p>
						<h2>这里是一个标题</h2>
						<img style="max-width:100%;display:block" src='http://img.hexinle.top/healthySupervision/static/index/detail/test2.png'>
					</div>`
				}
			};
		},
		onLoad(o) {
			let db = JSON.parse(decodeURIComponent(o.en_db))
			console.log(db);
			this.db = db
		},
		onShow() {
			
		},
		methods:{
		}
	}
</script>

<style lang="scss">
	.content{
		padding: 30rpx;
		box-sizing: border-box;
		.title{
			font-weight: bold;
			font-size: 40rpx;
		}
		.subtit{
			margin: 20rpx 0 30rpx;
			color: #C9C9C9;
		}
		
	}
</style>
